layui.use(['table','form','jquery'], function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;
    var $ = layui.jquery;

    // 渲染dataType
    table.render({
        elem: '#wasteType'
        ,url: ctx+'/waste/wasteType/listWasteType'
        ,page: true
        ,cols: [[
            {field: 'id', title: 'ID',hide:true}
            ,{field: 'name', title: '类别名称', width:'33%',align:'center'}
            ,{field: 'value', title: '类别值', width:'33%',align:'center'}
            ,{field: 'ops', title: '操作', width:'34%',align:'center',toolbar: '#wasteTypeTool'}

        ]],
        toolbar : '#wasteTypeToolBar',
        defaultToolbar :[],

    });


    table.on('tool(wasteType)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'del'){
            $.ajax({
                url : ctx+"/waste/wasteType/delWasteType",
                data : {
                    id:data.id
                },
                success : function(res){
                    if(res.success){
                        layer.msg(res.msg,{icon:1})
                        table.reload('wasteType');
                    }else{
                        layer.msg(res.msg,{icon:2})
                    }
                }
            })
        }
    });

    //toolbar
    table.on('toolbar(wasteType)', function(obj){
        var event = obj.event;
        if(event == 'add'){
            layer.open({
                type : 1,
                content : $('#addWasteType')
            });
        }
    });

    form.on('submit(submitWasteType)',function(data){
        $.ajax({
            url : ctx+"/waste/wasteType/addWasteType",
            data : data.field,
            type : 'post',
            success : function(res){
                if(res.success){
                    debugger;
                    table.reload('wasteType');
                    layer.closeAll();
                    layer.msg(res.msg,{icon:1});
                    $('#reset').click();
                }else{
                    layer.msg(res.msg,{icon:2})
                }
            }
        });
    })

    var pid= null;
    // 表格单击事件
    table.on('row(wasteType)', function(obj){
        pid = obj.data.id ;
        table.render({
            elem: '#wasteTypeItem'
            ,url: ctx+'/waste/wasteType/listWasteTypeItem?pid=' +pid
            ,page: true
            ,cols: [[
                {field: 'id', title: 'ID',hide:true},
                {field: 'pid', title: 'PID',hide:true}
                ,{field: 'name', title: '字典键', width:'33%',align:'center'}
                ,{field: 'value', title: '字典值', width:'33%',align:'center'}
                ,{field: 'ops', title: '操作', width:'36%',align:'center',templet: '#wasteTypeItemTool'}
            ]],
            defaultToolbar :[],
            toolbar : '#wasteTypeItemToolBar'
        });
    });


    table.on('tool(wasteTypeItem)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'del'){
            $.ajax({
                url : ctx+"/waste/wasteType/delWasteTypeItem",
                data : {
                    id:data.id
                },
                success : function(res){
                    if(res.success){
                        layer.msg(res.msg,{icon:1})
                        table.reload('wasteTypeItem');
                    }else{
                        layer.msg(res.msg,{icon:2})
                    }
                }
            })
        }
    });

    //toolbar
    table.on('toolbar(wasteTypeItem)', function(obj){
        var event = obj.event;
        if(event == 'add'){
            layer.open({
                type : 1,
                content : $('#addWasteTypeItem')
            });
        }
    });

    form.on('submit(submitWasteTypeItem)',function(data){
        $.ajax({
            url : ctx+"/waste/wasteType/addWasteTypeItem?pid="+pid,
            data : data.field,
            type : 'post',
            async: false,
            success : function(res){
                if(res.success){
                    debugger;
                    table.reload('wasteTypeItem');
                    layer.closeAll();
                    layer.msg(res.msg,{icon:1});
                    $('#ItemReset').click();
                }else{
                    layer.msg(res.msg,{icon:2})
                }
            },error:function(res){
                console.log(res);
            }
        });
    })

});